<div ng-controller="SchoolCtrl" style="padding: 20px; height: 90%; overflow: auto">
    <p>自定义下拉框</p>
    <div class="box">
        <input readonly="readonly" type="text" ng-model="selectData.name"/>
        <ul>
            <li ng-repeat="item in ddldata" ng-click="selectValue(item)" data-value="{{item.id}}">{{item.name}}</li>
        </ul>
    </div>-->
    <dropdownlist id="netEle" options="netunit"></dropdownlist>
    <button ng-click="dialog1.show()">点我弹出</button>
    <button ng-click="Frozen()">点我冻结</button>
    <a class="button" ng-click="showDiv($event)"><span>测试</span></a>
    <img ng-click= "myshow()" src='../webhtml/images/jds.png' class = "rightbottom"/>
    <artdialog option="searchDialog" class="artdialog">
        <div>
            <input type="text"/>
        </div>
    </artdialog>
    <input ng-model="keyword" />
    <h1>School: {{msg}}</h1>
    <h2>表格</h2>
    <div class="schoolcontent">
        <div class="webpart">
            <div class="wp_top"><span class='x18icon table'></span><span>表格</span></div>
            <div class="wp_main table">
                <jqgrid options="grid1" id="gridx" filters="name,age"></jqgrid>
            </div>
            <div class="wp_foot">
                <sortpage sortpagedata="grid1.gridpagedata"></sortpage>
            </div>
            <div class="wp_main table">
                <jqgrid options="grid2" id="grid2"></jqgrid>
            </div>
            <div id="pager"></div>
            
        </div>

    </div>

    <h2>手风琴</h2>
    <div class="schoolcontent">
        <accordion>
            <h3>网络原因</h3>
            <div>
                网络原因<br />内容1<br />内容1<br />内容1
            </div>
            <h3>用户原因</h3>
            <div>
                用户原因<br />内容2<br />内容2<br />内容2
            </div>
        </accordion>
    </div>
    <h2>树</h2>
    <div class="schoolcontent">
        <table style="width: 100%;">
            <tr>
                <td width="50%">
                    <ztree id="schoolztree1" options="ztree1" checkenable="false"></ztree>
                </td>
                <td width="50%">
                    <input type="text" class="searchtxt" ng-model="ztree2.filter" ng-enter="ztree2.tofilter(ztree2.filter)" />
                    <ztree id="schoolztree2" options="ztree2"></ztree>
                </td>
            </tr>
        </table>
    </div>
    <h2>图表</h2>
    <div class="schoolcontent">
        <table style="width: 100%;">
            <tr>
                <td width="50%">
                    <highcharts options="highchart1"></highcharts>
                </td>
                <td width="50%">
                    <highcharts options="highchart2"></highcharts>
                </td>
            </tr>
        </table>
        <table style="width: 100%;">
            <tr>
                <td width="50%">
                    <echarts options="echart1"></echarts>
                </td>
                <td width="50%">
                    <echarts options="echart2"></echarts>
                </td>
            </tr>
        </table>
        </table>
        <table style="width: 100%;">
            <tr>
                <td width="100%">
                    <echarts options="echart3"></echarts>
                </td>
            </tr>
        </table>
        <table style="width: 100%; height: 400px">
            <tr>
                <td width="100%">
                    <echarts options="echart4"></echarts>
                </td>
            </tr>
        </table>

    </div>
    <h2>时间控件</h2>
    <div class="schoolcontent">
        <table>
            <tr>
                <td>时间段：</td>
                <td>
                    <timepicker option="query.starttime"></timepicker> 至 <timepicker option="query.endtime"></timepicker>
                </td>
            </tr>
        </table>
    </div>
    <h2>tab页</h2>
    <div class="schoolcontent">
        <tabs>
            <ul>
                <li><a href="#subtabs_01">标签一</a></li>
                <li><a href="#subtabs_02">标签二</a></li>
                <li><a href="#subtabs_03">标签三</a></li>
                <li><a href="#subtabs_04">标签四</a></li>
                <li><a href="#subtabs_05">标签五</a></li>
            </ul>
            <div>
                <div id="subtabs_01">
                    <div class="webpart">
                        <div class="wp_top"><span class='x18icon table'></span><span>标题1</span></div>
                        <div class="wp_main table">
                            内容1
                        </div>
                    </div>
                </div>
                <div id="subtabs_02">
                    <div class="webpart">
                        <div class="wp_top"><span class='x18icon table'></span><span>标题2</span></div>
                        <div class="wp_main table">
                            内容2
                        </div>
                    </div>
                </div>
                <div id="subtabs_03">
                    <div class="webpart">
                        <div class="wp_top"><span class='x18icon table'></span><span>标题3</span></div>
                        <div class="wp_main table">
                            内容3
                        </div>
                    </div>
                </div>
                <div id="subtabs_04">
                    <div class="webpart">
                        <div class="wp_top"><span class='x18icon table'></span><span>标题4</span></div>
                        <div class="wp_main table">
                            内容4
                        </div>
                    </div>
                </div>
                <div id="subtabs_05">
                    <div class="webpart">
                        <div class="wp_top"><span class='x18icon table'></span><span>标题5</span></div>
                        <div class="wp_main table">
                            内容5
                        </div>
                    </div>
                </div>
            </div>
        </tabs>
    </div>
    <h2>弹出框</h2>
</div>